/*color*/
.clear { clear: both; }

.purple { color: #9575cd; }

.green { color: #41dc65; }

.red { color: #ff5460; }

.blue { color: #438fcd; }

.yellow { color: #fed517; }

.orange { color: #ff9000; }

.whitebg { color: #fff; }

.shareTop { color: #ff5252; }

.none { display: none }

.center { text-align: center }

/* header container*/
.header { width: 100%; position: relative; }

.header .tu { position: absolute; top: 0; left: 0; width: 100%; }

.header .tu img { width: 100%; }

.header-tit { width: 100%; text-align: center; position: absolute; top: 2.5rem; left: 0; }

.header-num { color: #fff; font-size: .36rem; }

.header-num span { color: #ffd035; }

.header-da { font-size: .6rem; color: #fff; margin-top: .5rem; }

header { background: #144c79; width: 100%; position: fixed; top: 0; left: 0; line-height: 3.1rem; z-index: 999999999; }

header a i {
	margin-top: 5px;
	font-size: 1rem;
	color: #fff;
	float: left;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	z-index: 999999999;
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: 1rem;
}

header div { text-align: center; font-size: 1.5rem; color: #fff; width: 100%; }

header .center-img { text-align: center; margin-left: -2.5rem }

.swiper-container { position: fixed; top: 3rem; height: 15rem; width: 100%; overflow: hidden; background: #FFF; margin-top: 45px; }
.swiper-top { position: fixed; top: 0rem;!important; height: 15rem; width: 100%; overflow: hidden; background: #FFF; margin-top: 45px; }

.filter-container { position: fixed; top: 0rem; height: 100%; width: 100%; overflow: hidden; background: #FFF; }
.filter-top { position: fixed!important; top: 0rem;!important;}

.swiper-slide img { width: 100%; height: 100%; display: block; }

/*cation*/
.cation { width: 100%; background-color: #fff; padding-top: 20%; }

.cation ul li { width: 25%; float: left; text-align: center; padding-bottom: 5%; }

.cation ul li img { width: 62.97%; }

.cation ul li p { width: 100%; text-align: center; margin-top: .3rem; font-size: 1rem; color: #555555; }

/*recom*/
.recom { width: 100%;  margin-bottom: 25%; background-color: #fff; }

.recom-tit { padding: 3% 0; border-bottom: 1px solid #dfdfdf; width: 100%; }

.recom-tit div .fl { width: 100%; padding-left: 3%; }

.recom-tit div p { padding-left: 13px; border-left: 8px solid #fd9301; font-size: 2rem; color: #333333; }

.recom-tit .fr { padding-right: 3%; font-size: 13px; }

.recom-tit .fr a { color: #888888 }

.recom .content { width: 100%; padding: 0 3%; }

.recom .content .list { padding: 3% 0; border-bottom: 1px solid #dfdfdf; width: 100%; position: relative; }

.recom .content .list:last-child { border-bottom: none; }

.recom .content .list .tu { width: 30%; height: 100%;; background-color: #ccc; float: left; text-align: center; font-size: 0; padding-right: 0px; }

.recom .content .list .tu span { display: inline-block; line-height: 0; vertical-align: middle; }

.recom .content .list .tu img { width: 100%; max-height: 7rem; }

.recom .content .list .center { marign: 0 auto; margin-left: 40%; width: 53% }

.recom .content .list .left { width: 20%; float: left; }

.recom .content .list .right { width: 29%; float: right; }

.recom .content .list .center .tit { float: left; width: 60%; text-align: left }

.recom .content .list .center .tit .fl { font-size: .4rem; color: #438fcd; font-weight: bold; }

.recom .content .list .center .tit p { width: 100% }

.recom .content .list .price { font-size: 1.5rem; color: #ff5460; }
.recom samp { font-size: 1rem;}

.recom .content .list .min { font-size: .7rem; !important; color: #888888; !important; font-weight: normal; !important; }

.recom .content .list .normal { font-size: .9rem; color: #333333; width: 70%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.recom .recom-jianjie { font-size: .36rem; color: #888888; margin-top: .3rem; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.recom .recom-jianjieone { margin-top: .1rem; }

.recom-bottom { margin-top: .5rem; }

.recom-bottomtwo { margin-top: .3rem; }

.recom-bottom span { font-size: .3rem; color: #2fb74f; float: left; margin-right: .5rem; }

.icon-duihao { margin-right: 5px; }

.recom .jian { margin-top: 3%; width: 38px; height: 38px; position: absolute; top: 0; left: 0px; background: url(../images/tj2.png) no-repeat 0 0; background-size: 38px 38px; }

.poo-mui { width: 100%; background-color: #438fcd; padding: 2% 0; }

.recom .media-body { width: 60%; padding-right: 10px; !important; padding-left: 10px; !important; }

.recom .media-left { width: 30% }

.recom .media-right { width: 30% }

.label-red {
	color: #ff5460;
	border: 1px solid #ff5460;
	display: inline-block;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 3px;
	font-size: 1rem;
}

.label-blue {
	color: #438fcd;
	border: 1px solid #438fcd;
	display: inline-block;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 3px;
	font-size: 1rem;
}

/*logo-container*/
.logo-container { height: 10%; width: 100%; margin-top:25%;margin-bottom:5%;margin-left:1%;margin-right:5%;background-color: #fff; text-align: center }

.logo-container img { max-width: 300px; width: 90% }

/*.price-container*/
.price-container { font-size: 1.2rem; width: 100%; background-color: #fff; padding-left: 20px; margin:20px 0px 0px 0px; text-align: left }

/*price-summary*/
.price-summary { width: 100%; background-color: #fff; }

/*detail*/
.info-container { width: 100%; margin-top: 3%; background-color: #fff; }

.info-container .summary { margin-left: 1%; margin-right: 2%; margin-bottom:2%;background-color: #fff; }

.info-title { padding: 3% 0; border-bottom: 1px solid #dfdfdf; width: 100%; padding-bottom: 0px}

.info-title div .fl { width: 100%; padding-left: 3%; }

.info-title div p { padding-left: 13px; border-left: 8px solid #fd9301; font-size: 1.5rem; color: #333333; }

.info-title .fr { padding-right: 3%; font-size: 1rem; }

.info-title .fr a { color: #888888 }

.info-container .content { width: 100%; padding: 0 3%; }

.info-container .content .list { padding: 3% 0; border-bottom: 1px solid #dfdfdf; width: 100%; position: relative; }

.info-container .content .list:last-child { border-bottom: none; }

.info-container .content .list .tu { width: 30%; height: 100%;; background-color: #ccc; float: left; text-align: center; font-size: 0; padding-right: 0px; }

.info-container .content .list .tu span { display: inline-block; line-height: 0; vertical-align: middle; }

.info-container .content .list .tu img { width: 100%; max-height: 7rem; }

.info-container .content .list .center { marign: 0 auto; margin-left: 40%; width: 55% }

.info-container .content .list .left { width: 20%; float: left; }

.info-container .content .list .right { width: 25%; float: right; }

.info-container .content .list .center .tit { float: left; width: 60%; text-align: left }

.info-container .content .list .center .tit .fl { font-size: .4rem; color: #438fcd; font-weight: bold; }

.info-container .content .list .center .tit p { width: 100% }

.info-container .content .list .price { font-size: .4rem; color: #ff5460; }

.info-container .content .list .min { font-size: .3rem; !important; color: #888888; !important; font-weight: normal; !important; }

.info-container .content .list .normal { font-size: .4rem; color: #333333; width: 70%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.info-container .info-container-jianjie { font-size: .36rem; color: #888888; margin-top: .3rem; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.info-container .info-container-jianjieone { margin-top: .1rem; }

.info-container-bottom { margin-top: .5rem; }

.info-container-bottomtwo { margin-top: .3rem; }

.info-container-bottom span { font-size: .3rem; color: #2fb74f; float: left; margin-right: .5rem; }

.detail { width: 100%; margin-top: 3%; margin-bottom: 1%; background-color: #fff; font-size: 1rem; font-weight: inherit; color: #888888; }

.detail .row { margin-bottom: 30px; word-wrap: break-word;border-bottom: solid 1px #dfdfdf}

.detail .title { width: 10%; text-align: left; float: left; margin-left: 20px; display: inline }

.detail .text { width: 70%; float: left; display: inline; }

.detail .text label { width: 36%; text-align: right; font-weight: inherit; }

.detail .text span {width: 50%; margin-left:10px;  max-width: 350px; text-align: left; color: #0c0c0c; display: inline-block; text-overflow: ellipsis;white-space:pre-line; }

/*---------------------------------------------------------------------------------------
 entire
 * */
.headertwo { width: 100%; padding: 3% 0; background-color: #144c79; position: fixed; top: 0; left: 0;; z-index: 99999; }

.headertwo a { display: block; text-align: center; padding-right: .3rem; }

.headertwo a:first-child { width: 10%; padding-left: .3rem; padding-right: 0; }

.headertwo p { width: 80%; text-align: center; color: #fff; font-size: 1rem; }

.headertwo a i { color: #fff; font-size: .8rem; }

.headertwo .title { width: 100%; font-size: 16px; margin-bottom: 0px; }

.recomtwo { margin-top: 1.5rem; }

.menu-list { width: 100%; height:40px;position: absolute; z-index: 999; border-bottom: 1px solid #dfdfdf;}
.menu-list .mask{top:40px}

.menu-list ul li { background-color: #fff; text-align: center; width: 33.333%; float: left;padding-top: 15px;padding-bottom: 6px; }

.menu-list ul li a { color: #888888; font-size: 1.2rem; display: block; position: relative;  outline: none; !important; text-decoration: none; !important; outline-offset: 0px; !important; }

.menu-list .deactive i { background: url(../images/xia.png) no-repeat center; background-size: 50%; width: 29px; height: 8px; display: inline-block; }

.menu-list .deactives i { background: url(../images/shang.png) no-repeat center; background-size: 50%; width: 29px; height: 8px; display: inline-block; }

.menu-list .deactives { color: #438fcd; }

.menu-list ul li ul { display: none; }

.menu-list ul li ul li { border-left: 0; text-align: left; width: 100%; border-right: 0; background-color: #fff; border-color: #dfdfdf; }

.menu-list ul li ul li a { display: block; width: 100%; padding-left: 1rem; color: #333333; font-size: .36rem; }

.menu-last { background-color: #d6e6f1; border-color: #6196bb; }

.menu-list ul li ul li:nth-child(2n) { background-color: #fafafa; }

.menu-context { position: absolute; top:40px; float: left; z-index: 999; width: 100%;  background-color: #DFDFDF; border-color: #DFDFDF; text-align: center; font-size: 14px;}
.menu-context ul{ overflow:auto;max-height:500px}

.menu-context li { list-style-position: inside; line-height: 70px; border-bottom: 0.5px solid #888888; }

.menu-context li:first-child {margin-top: 0px}
.menu-context li:last-child { border-bottom: 0px; }

.menu-context a { color: #747474 }

.am-sharetwo { z-index: 10001; }

.sharebgtwo { background-color: rgba(0, 0, 0, 0.6); top: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 10000; display: none; }

.sharebg-active { opacity: 1; display: block; }

.recomtwo img { width: 100%; }

.recome-close { width: 100%; padding: 3% 3% 0 3%; }

.recome-close p { font-size: .4rem; color: #333; width: 70%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

/*---------------------------------------------------------------------------------------
 service-details
 * */
.service, .service img { width: 100%; }

.service .tit { width: 100%; padding: 7% 0 3% 3%; position: absolute; bottom: 0; left: 0; background: url(../images/bg.png) center no-repeat; background-size: cover; }

.service .tit .one { font-size: .45rem; color: #fff; width: 70%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.service .tit .two { font-size: .32rem; color: #fff; width: 70%; margin-top: .2rem; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.service-top { width: 100%; margin-top: 3%; background-color: #fff; padding: 3%; }

.service-top .left { width: 80%; border-right: 1px solid #dddddd; }

.service-top .left .tit { font-size: .36rem; color: #888888; }

.service-top .right { width: 19%; text-align: center; }

.service-top .right i { color: #888888; margin-top: .1rem; font-size: .57rem; }

.service-top .right p { font-size: .32rem; margin-top: .1rem; color: #888888; }

.service-top .left .fu-tit { margin-top: .2rem; padding-bottom: .2rem; }

.service-top .left .titwo { font-size: .5rem; color: #438fcd; font-weight: bold; }

.service-top .left .titwo span { font-size: .36rem; }

.service-ctent { width: 100%; background-color: #fff; margin-top: 3%; }

.service-ctent .tit { width: 100%; line-height: .8rem; padding: 3% 3% 3% 5%; font-size: .32rem; color: #666666; }

.recom-xia { width: 100%; padding: 3%; }

.recom-xia .list { width: 31%; text-align: center; margin-right: 3.5%; margin-bottom: 3%; }

.recom-xia .list .tu { width: 100%; max-height: 5rem; text-align: center; font-size: 0; }

.recom-xia .list .tu span { display: inline-block; height: 100%; line-height: 100%; vertical-align: middle; }

.recom-xia .list .tu img { width: 100%; max-height: 5rem; vertical-align: middle; }

.recom-xia .list p { width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; font-size: .32rem; color: #333333; margin-top: .2rem; }

.recom-xia .list:nth-child(3n) { margin-right: 0; }

.footer-tel { width: 100%; max-height: 3rem; background-color: #fd9301; position: fixed; bottom: 0; left: 0; }

.footer-tel .left { width: 12%; background-color: #fd8100; max-width: 130px; max-height: 3rem; }

.footer-tel .left img { width: 100%; max-height: 3rem; }

.footer-tel .right { width: 80%; text-align: center; font-family: arial; color: #fff; font-size: .5rem; padding-top: .45rem; }

.footer-tel .right span { font-size: .3rem; }

/*---------------------------------------------------------------------------------------
 house-details
 * */
.service-list,
.service-ties { width: 100%; padding: 3%; }

.service-list ul li { float: left; width: 48%; line-height: .9rem; font-size: .32rem; color: #666666; margin-right: 4%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.service-list ul li:nth-child(2n) { margin-right: 0; }

.service-tit { font-size: .32rem; color: #666666; line-height: .7rem; }

.service-ties ul li { width: 25%; margin-bottom: .3rem; float: left; font-size: .32rem; line-height: .6rem; color: #555555; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.service-ties ul li i { margin-right: .2rem; width: .5rem; font-size: .57rem; display: inline-block; float: left; }

.recom-xia .bottom,
.recom-xia .bottom .top { width: 100%; }

.recom-xia .bottom .top .biaoti { font-size: .32rem; text-align: left; float: left; width: 55%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; color: #333333; }

.recom-xia .bottom .top .price { float: right; width: 45%; font-size: .34rem; color: #fa6e02; font-weight: bold; }

.recom-xia .bottom .top .price span { font-size: .2rem; font-weight: normal; }

.recom-xia .bottom .fu-tit { font-size: .2rem; color: #888888; }

.footer-look { position: fixed; bottom: 0; left: 0; width: 100%; }

.footer-look a { padding: 3% 0; display: block; text-align: center; width: 100%; background-color: #fd9301; color: #fff; font-size: .45rem; }

/*弹窗内容*/
#lean_overlay { position: fixed; z-index: 100000; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; }

#loginform label { display: block; font-size: 1.1em; font-weight: bold; color: #7c8291; margin-bottom: 3px; }

#loginform .flatbtn-blu { position: absolute; right: -40px; top: -40px; background: url(../images/close.png) center no-repeat; background-size: 100%; width: 100px; height: 92px; border: none; cursor: pointer; }

/*
.modal { width: 50%; min-height: 200px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); position: relative; }
.modal .top { width: 100%; font-size: .42rem; color: #333333; padding-left: .5rem; line-height: 1rem; }
.modal .bottom ul li { width: 100%; margin-bottom: .4rem; border: 1px solid #cfcfcf; padding: .2rem; box-sizing: border-box; -webkit-box-sizing: border-box; }
.modal .bottom ul li i { font-size: .57rem; color: #438fcd; float: left; display: inline-block; }
.modal .bottom ul li input { width: 80%; height: auto; margin-bottom: 0; padding: 0; float: left; line-height: .7rem; text-indent: .2rem; margin-left: .2rem; font-size: .34rem; color: #aaaaaa; border: none; border-left: 1px solid #cfcfcf; }
.modal .bottom .btn { width: 100%; background-color: #438fcd; color: #fff; font-size: .42rem; text-align: center; padding: 4% 0; border: none; border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance: none; }
*/
.modal-result .modal-dialog { margin-top: 20%; }

.modal-result div, input { border: hidden }

.modal-result .modal-dialog { width: 90%; margin-left: 20px;margin-right: 20px;}

.modal-result .modal-dialog .modal-content { max-height: 300px;height: 300px}
.modal-result .modal-dialog .modal-footer {  margin-top: 50px;}
.modal-result .modal-dialog .modal-body .tip {; width: 100%; margin: 5% auto; text-align: center; font-size: 1.5rem; color: #333333; }

.modal-result .modal-dialog .picture { margin-bottom: 0px; margin-top: 10px; top:0px;}

.modal-result .btn-ok { width: 100%; height: 25%; border-radius: 0 0 8px 8px; background-color: #01b94f; color: #fff; position: absolute; bottom: 0; left: 0; font-size: 1.5rem; }

#loginform .flatbtn-blutwo { position: absolute; right: -15px; top: -15px; background: url(../images/closetwo.png) center no-repeat; background-size: 100%; width: 32px; height: 32px; border: none; cursor: pointer; }

.loginmodal { overflow: hidden; }

.loginmodaltwo { overflow: visible; }

/*---------------------------------------------------------------------------------------
 landlord
 * */
.main { margin-bottom: 14% }

.land-banner,
.land-banner img { width: 100%; }

.land-ctent { width: 100%; margin-top: 3%; background-color: #fff; }

.uploading-imgBg { position: relative }


.horizontal-list { margin-left: 3%; height: 100%; display: block; white-space: nowrap; overflow: hidden; }

.horizontal-list li { margin: 3px; display: inline-block; }

.horizontal-list img {
	width: 100%;
	height: 100%;
	max-width: 40px;
	max-height: 40px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.removeBtn { position: absolute; top: 0; right: 0; z-index: 11; border: 0px; border-radius: 100px; background: red; width: 5px; height: 5px; color: white;font-size: .15rem; }

.land-ctent ul li { width: 100%; float: left; padding: 2% 2% 2% 0; border-bottom: 1px solid #dddddd; }

.land-ctent ul li .tit { font-size: .4rem; color: #666666; line-height: 1.4rem; width: 20%; text-align: right; padding-right: 0px; }

.land-ctent ul li input { width: 78%; line-height: 1.4rem; height: 1.4rem; margin-bottom: 0; text-align: right; border: none; font-size: .4rem; color: #cbcbcb; padding: 0; }

.land-ctent .day { width: 74%; border: none; font-size: .45rem; color: #a9a9a9; }

.land-ctent ul li i { font-size: .57rem; color: #b7b7b7; line-height: 1.4rem; }

.land-ctent .select-group { margin-right: 40px; max-width: 230px; width: 100% }

.submit-btn { width: 90%; margin: 5%; background-color: #438fcd; color: #fff; font-size: .45rem; padding: 4% 0; border: none; border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance: none; text-align: center; }

.login-dui { width: 100%; text-align: center; }

.login-dui .tu img { width: 30%; }

.login-dui .tit { width: 100%; margin: 5% auto; text-align: center; font-size: .45rem; color: #333333; }

.login-dui .fu-tit { width: 80%; margin: 0 auto 1%; font-size: 1rem; color: #666666; line-height: 2rem; }

/*---------------------------------------------------------------------------------------
 join
 * */
.join { width: 100%; }

.join .top { width: 100%; background-color: #fff; padding: 3%; }

.join .top .tu,
.join .top .tu img { width: 100%; }

.join .top .tit { font-size: .45rem; color: #333333; line-height: .9rem; }

.join .top .fu-tit { font-size: .4rem; color: #666666; line-height: .7rem; }

.recom-titwo { border-bottom: none; }

.land-ctent ul li .tit2 { line-height: .7rem; }

/*---------------------------------------------------------------------------------------
 lease
 * */
.headertwo span { color: #fff; display: block; font-size: .4rem; padding-left: .3rem; }

.lease { width: 100%; }

.lease .top { padding: 3%; background-color: #f6f6f6; width: 100%; border-bottom: 1px solid #dfdfdf; }

.lease .top span { font-size: .36rem; line-height: .7rem; padding-left: .2rem; color: #888888; display: block; width: 90%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.lease .top i { font-size: .57rem; color: #438fcd; }

.land-ctenttwo { margin-top: 0; }

/*.lease .btn{width: 90%; margin: 5%; background-color: #438fcd; color: #fff; font-size: .45rem; padding: 4% 0; border: none; border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance: none; text-align: center;}*/
.lease .tiaoli { width: 90%; margin: 5% 5% 0 5%; font-size: .36rem; color: #666666; }

.lease .tiaoli span { color: #438fcd; }

/*---------------------------------------------------------------------------------------
 schedule
 * */
.schedule { width: 100%; }

.notice { width: 100%; overflow: hidden; }

.notice .tab-hd { background-color: #fff; border-bottom: 1px solid #dfdfdf; width: 100%; color: #333333; }

.notice .tab-hd li { float: left; width: 50%; }

.notice .tab-hd li a { display: block; text-align: center; font-size: .4rem; color: #333333; width: 100%; padding: 5% 0; }

.notice .tab-hd li.on a { color: #438fcd; }

.notice .tab-hd li.on { border-bottom: 4px solid #438fcd; background-color: #fff; font-weight: bold; position: relative; }

.topsche-top { width: 100%; padding: 3% 0 1% 3%; border-bottom: 1px solid #dfdfdf; background-color: #fff; }

.topsche-top .add,
.topsche-top .time { font-size: .4rem; line-height: 1.1rem; color: #888888; margin-right: .3rem; }

.topsche-top .add i,
.topsche-top .time i { font-size: .57rem; color: #438fcd; }

.topsche-top .tit { color: #fff; font-size: .4rem; background: url(../images/huangbg.png) center no-repeat; background-size: 100%; padding: .3rem .3rem .3rem .7rem; }

.topsche-top .titwo { background: url(../images/lvbg.png) center no-repeat; background-size: 100%; }

.schedule .content { margin-top: 3%; background-color: #fff; }

.schedule .content:first-child { margin-top: 0; }

.schedule .content .list { padding: 3% 3%; border-bottom: 1px solid #dfdfdf; width: 100%; }

.schedule .content .list:last-child { border-bottom: none; }

.schedule .content .list .tu { width: 30.542%; background-color: #ccc; float: left; max-height: 5rem; text-align: center; font-size: 0; }

.schedule .content .list .tu span { display: inline-block; line-height: 0; vertical-align: middle; }

.schedule .content .list .tu img { width: 100%; max-height: 5rem; }

.schedule .content .list .right { width: 66.666%; float: right; }

.schedule .content .list .right .tit { width: 100%; }

.schedule .content .list .right .tit p { font-size: .4rem; color: #333333; width: 70%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.schedule .content .list .right .tit span { font-size: .4rem; color: #438fcd; font-weight: bold; }

.schedule .content .list .right .tit span samp { font-size: .3rem; color: #438fcd; font-weight: normal; }

.schedule .recom-jianjie { font-size: .36rem; color: #888888; margin-top: .3rem; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.schedule .recom-jianjieone { margin-top: .1rem; }

.recom-bottom { margin-top: .4rem; }

.recom-bottomtwo { margin-top: .3rem; }

.recom-bottom span { font-size: .36rem; color: #2fb74f; float: left; margin-right: .5rem; }

.icon-duihao { margin-right: 5px; }

/*---------------------------------------------------------------------------------------
 p-center
 * */
.center-header { width: 100%; background-color: #f69228; padding: 3% 0 18%; position: absolute; top: 0; left: 0; }

.center-header .shezhi { color: #fff; font-size: .4rem; background-color: #f79e41; padding: .2rem .5rem; border-radius: 20px; -webkit-border-radius: 20px; margin-right: 3%; }

.center-header .top { width: 100%; padding: 3%; }

.center-header .top .tu { width: 25%; max-height: 5rem; max-width: 5rem; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; text-align: center; font-size: 0; }

.center-header .top .tu span { display: inline-block; height: 100%; line-height: 100%; vertical-align: middle; }

.center-header .top .tu img { width: 100%; vertical-align: middle; }

.center-header .top .tit { font-size: .5rem; color: #fff; line-height: 2.3rem; margin-left: .5rem; width: 60%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.center-header .top i { color: #fff; font-size: .57rem; line-height: 2.3rem; }

.center-header .bottom { position: absolute; padding: 3% 0; bottom: 0; left: 0; width: 100%; background: url(../images/bg.jpg) center repeat; background-size: 100%; }

.center-header .bottom ul li { float: left; width: 24.9%; text-align: center; border-right: 1px solid #ce7414; color: #fff; font-size: .32rem; }

.center-header .bottom ul li:last-child { border-right: none; }

.center-header .bottom ul li p { color: #fff; font-size: .4rem; line-height: .6rem; }

.p-list { width: 100%; padding: 3%; background-color: #fff; border-bottom: 1px solid #dfdfdf; }

.p-list span { font-size: .4rem; line-height: .7rem; color: #333333; margin-left: .3rem; }

.p-list .ben { color: #ffa756; font-size: .57rem; }

.p-fenlei { background-color: #fff; }

.p-fenlei ul li { float: left; width: 33.33%; text-align: center; padding: 3% 0; color: #666666; font-size: .36rem; line-height: .7rem; }

.p-list a { display: block; width: 100%; line-height: .6rem; }

.p-listwo { border-bottom: none; margin-top: 3%; }

.p-listwo .xing { font-size: .57rem; color: #fe7777; }

.p-list .you { font-size: .57rem; color: #b7b7b7; }

.p-listwo .money { font-size: .57rem; color: #83d65a; }

.p-listhree { border-bottom: none; }

.p-listhree .hetongguanli { font-size: .57rem; color: #fb81b0; }

.p-listhree .weituoguanli { font-size: .57rem; color: #b991f5; }

.p-listhwo .gonggao { font-size: .57rem; color: #5892fc; }

.p-listhree .gerenzhongxin { font-size: .57rem; color: #ffb773; }

.p-listhree .lock { font-size: .57rem; color: #fe7777; }

.p-listhwo i,
.p-list i,
.p-listhree i { width: .6rem; text-align: center; }

/*---------------------------------------------------------------------------------------
 collection
 * */
.collection { margin-top: 0; }

.collection .recom-bottom { font-size: .4rem; color: #438fcd; font-weight: bold; }

.collection .recom-bottom samp { font-size: .3rem; color: #438fcd; font-weight: normal; }

.collection .right .delete { font-size: .57rem; color: #fff; background-color: #a2a2a2; width: .7rem; height: .7rem; text-align: center; line-height: .8rem; }

/*---------------------------------------------------------------------------------------
 pay-rent
 * */
.pay { width: 100%; }

.pay-top { width: 100%; padding: .6rem 0; position: relative; z-index: 99; background-color: #f6f6f6; }

.pay-top ul li { float: left; position: relative; z-index: 99; width: 25%; text-align: center; }

.pay-top ul li span { color: #fff; display: block; margin: 0 auto; border-radius: 50%; -webkit-border-radius: 50%; background-color: #d3d3d3; width: 1rem; height: 1rem; text-align: center; line-height: 1rem; font-family: arial; font-size: .45rem; }

.pay-top ul li p { font-size: .4rem; color: #d3d3d3; margin-top: .2rem; }

.pay-top ul li.cur span { background-color: #60c330; }

.pay-top ul li.cur p { color: #60c330; }

.pay-top .hline { position: absolute; width: 76%; z-index: 95; left: 12%; top: .95rem; display: block; height: .3rem; background-color: #d3d3d3; }

.pay-top .bline { position: absolute; z-index: 98; left: 0; top: 0; display: none; height: .3rem; background-color: #60c330; }

.pay-top .blinetwo { width: 33.333%; display: block; }

.pay-top .blinethree { width: 66.666%; display: block; }

.pay-top .blinefour { width: 100%; display: block; }

.pay-bottom ul li .xinxi { line-height: 1.4rem; color: #333333; font-size: .4rem; width: 75%; text-align: right; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.pay-bottom ul li .price { color: #fc9300; }

.pay-bottom ul li .daytwo { color: #333; }

.pay-bottom ul li .huise { color: #cbcbcb; }

.pay-bottom ul li .chapter { color: #e1e1e1; font-size: .57rem; width: .8rem; height: .8rem; text-align: center; line-height: .7rem; margin-top: .3rem; border: 1px solid #dbdbdb; border-radius: 5px; -webkit-border-radius: 5px; }

.pay-btn { width: 90%; float: left; margin: 5%; display: block; background-color: #438fcd; color: #fff; font-size: .5rem; padding: 4% 0; border: none; border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance: none; text-align: center; }

/*---------------------------------------------------------------------------------------
 order
 * */
.order-top { width: 100%; padding: 3%; background-color: #fff; border-bottom: 1px solid #dddddd; }

.order-top .tu { width: 25%; text-align: center; font-size: 0; max-height: 5rem; }

.order-top .tu span { display: block; height: 100%; line-height: 100%; vertical-align: middle; }

.order-top .tu img { width: 100%; vertical-align: middle; max-height: 5rem; }

.order-top .right { width: 72%; margin-left: 3%; }

.order-top .right .tit,
.order-top .right .fu-tit { width: 100%; font-size: .5rem; line-height: .9rem; color: #333333; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.order-top .right .fu-tit { font-size: .3rem; color: #888888; }

.order-bottom { margin-top: 0; }

.total { width: 100%; padding: 6% 3%; background-color: #fff; }

.total ul li { line-height: .9rem; }

.total ul li .tit { color: #333; font-size: .4rem; }

.total ul li .price { font-size: .4rem; color: #fc9300; font-family: arial; }

.order-footer { position: fixed; width: 100%; bottom: 0; left: 0; border-top: 1px solid #cccccc; background-color: #fff; }

.order-footer .price { width: 62.963%; text-align: right; padding-right: 5%; font-size: .4rem; color: #333333; }

.order-footer .price span { font-weight: bold; color: #fc9300; line-height: 1.7rem; }

.order-footer a { display: block; width: 37.037%; text-align: center; background-color: #438fcd; line-height: 1.7rem; color: #fff; font-size: .5rem; }

/*---------------------------------------------------------------------------------------
 payment
 * */
.payment { width: 100%; }

.payment .top { background-color: #fff; width: 100%; padding: 3%; }

.payment .top span { font-size: .4rem; color: #888888; }

.payment .top span:last-child { color: #fc9300; }

.payment .bottom { margin-top: 3%; background-color: #fff; }

.payment .bottom .tit { padding: 3%; border-bottom: 1px solid #e5e5e5; color: #333333; font-size: .4rem; }

.pay-list { padding: 0 3%; }

.pay-list ul li { border-bottom: 1px solid #e5e5e5; padding: 3% 0; }

.pay-list ul li .zhifubao,
.pay-list ul li .weixin,
.pay-list ul li .yinxingqia { color: #01a0e9; font-size: 1.2rem; width: 1.4rem; text-align: center; }

.pay-list .middle { width: 75%; margin-left: 3%; }

.pay-list .middle .payname,
.pay-list .middle .tuijian { font-size: .4rem; line-height: .7rem; color: #333333; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.pay-list .middle .tuijian { font-size: .32rem; color: #9d9d9d; }

.pay-list .right { font-size: .8rem; color: #b7b7b7; line-height: 1.2rem; }

.pay-list ul li .weixin { color: #09be14; font-size: 1.4rem; margin-top: -.2rem; }

.pay-list ul li .yinxingqia { color: #e99f01; }

.pay-list ul li:last-child { border-bottom: none; }

.pay-list ul li a { display: block; }

/*---------------------------------------------------------------------------------------
 success
 * */
.success { width: 100%; height: 100%; background-color: #fff; position: absolute; }

.success .top { width: 100%; text-align: center; padding-top: 3rem; }

.success .top .chenggong { width: 4rem; margin: 0 auto; display: block; color: #60c330; }

.success .top .tit { color: #333333; font-size: .45rem; line-height: .9rem; }

.success .top .fu-tit { color: #888888; font-size: .4rem; line-height: .9rem; }

/*---------------------------------------------------------------------------------------
 contract
 * */
.contract { width: 100%; padding-bottom: 3%; }

.contract ul li { width: 28%; margin-top: 3%; height: 3.6rem; margin-left: 4%; float: left; text-align: center; font-size: 0; }

.contract ul li span { display: inline-block; height: 100%; line-height: 100%; vertical-align: middle; }

.contract ul li img { max-width: 100%; vertical-align: middle; max-height: 3.6rem; }

.contract ul li:last-child { font-size: .5rem; color: #666666; height: 3.6rem; border: 1px dashed #dfdfdf; }

.contract ul li:last-child .jia { color: #ddd; font-size: 1.5rem; line-height: 2.3rem; }

/*---------------------------------------------------------------------------------------
 entrust
 * */
.entrust .entrust-btn { padding: .25rem 5%; text-align: center; border: 1px solid #F58611; color: #F58611; background: none; border-radius: 2px; margin: .3rem .4rem .2rem 0; }

.entrust .entrust-btntwo { border: 1px solid #2fb74f; color: #2fb74f; }

/*---------------------------------------------------------------------------------------
 extension
 * */
.exten .top { width: 100%; padding: 5% 3%; background-color: #fff; }

.exten .top .tu { width: 25%; max-height: 5rem; max-width: 5rem; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; text-align: center; font-size: 0; border: 1px solid #e1e1e1 }

.exten .top .tu span { display: inline-block; height: 100%; line-height: 100%; vertical-align: middle; }

.exten .top .tu img { width: 100%; vertical-align: middle; }

.exten .top .tit { font-size: .45rem; color: #333; line-height: 2.3rem; margin-left: .5rem; width: 60%; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.exten .top i { color: #b7b7b7; font-size: .57rem; line-height: 2.3rem; }

.exten .middle { width: 100%; background-color: #fff; margin-top: 3%; }

.exten .middle .ctent { width: 100%; padding: 3%; }

.exten .middle .ctent p { font-size: .4rem; color: #888888; line-height: .8rem; }

.recom-tit p samp { color: #438fcd; }

.recom-tit .tguang { padding-right: 3%; }

.exten .middle table { width: 100%; }

.exten .middle table th { text-align: center; font-size: .4rem; color: #888888; padding: .3rem 0; }

.exten .middle table tr { border-bottom: 1px solid #dfdfdf; }

.exten .middle table tr:first-child { border-bottom: none; background-color: #efefef; }

.exten .middle table tr { background-color: #fff; width: 100%; }

.exten .middle table tr td { text-align: center; padding: .3rem 0; font-size: .4rem; color: #333; }

.about .p-list span { margin-left: 0; }

.about .p-listwo { margin-top: 0; }

/*---------------------------------------------------------------------------------------
 about-detail
 * */
.about-detail { width: 100%; }

.about-detail .ctent { width: 100%; padding: 3%; font-size: .4rem; color: #333; line-height: .8rem; }

.about-detail p { text-indent: 2em; }

/*---------------------------------------------------------------------------------------
 modify
 * */
.modify { width: 100%; background-color: #fff; margin-top: 3rem }

.modify ul li { width: 100%; border-bottom: 1px solid #dfdfdf; padding: 1% 0; }

.modify ul li .sname,
.modify ul li .syzma { width: 100%; text-indent: 1em; height: 1.5rem; padding: 0; margin-bottom: 0; font-size: .45rem; color: #333; border: none; }

.modify ul li .syzma { width: 52%; }

.modify ul li span { display: block; width: 19%; text-align: center; line-height: 1.5rem; font-size: .45rem; }

.modify ul li a { display: block; margin-right: 5%; font-size: .45rem; color: #438fcd; text-align: center; padding: .25rem 5%; margin-top: .2rem; border: 1px solid #438fcd; border-radius: 3px; }

.modify ul li .snametwo { border-bottom: none; }

/*---------------------------------------------------------------------------------------
 rent-order
 * */
.rent { width: 100%; }

.rent .top { width: 100%; background-color: #fff; border-bottom: 1px solid #dfdfdf; }

.rent .top ul li { width: 25%; float: left; }

.rent .top ul li a { display: block; width: 100%; padding: .3rem 0; text-align: center; font-size: .36rem; color: #333333; }

.rent .top ul li.cur { border-bottom: 2px solid #438fcd; }

.rent .top ul li.cur a { color: #438fcd; }

.rent .topsche-top .tit { background: none; color: #438fcd; }

.rent .topsche-top .rent-btn { border: 1px solid #333; color: #333; }

.rent .topsche-top .titwo { color: #888888; }

/*---------------------------------------------------------------------------------------
 assess
 * */
.assess { width: 100%; }

.assess .top { width: 100%; padding: 3% 0; background-color: #fff; }

.assess .top .edit { color: #ff731c; border-right: 1px solid #dfdfdf; width: 10%; text-align: center; font-size: .57rem; }

.assess .top .tarea { border: none; width: 90%; padding: 0 4%; font-size: .5rem; color: #333; }

.assess .bottom { width: 100%; padding: 4% 3%; border-bottom: 1px solid #dfdfdf; background-color: #fff; }

.assess .bottom i { display: block; width: 3rem; height: 3rem; text-align: center; line-height: 3rem; font-size: 1.2rem; color: #cecece; background-color: #fcfcfc; border: 2px dashed #dfdfdf; border-radius: 3px; -webkit-border-radius: 3px; }

.assess .stars { padding: 4% 3%; width: 100%; background-color: #fff; }

.assess .stars ul { width: 100%; background-color: #fff; overflow: hidden; }

.assess .stars ul li { float: left; font-size: .5rem; color: #444444; }

.assess .stars ul .assess-right { float: left; margin-left: 5%; width: 30%; overflow: hidden; }

.assess .stars ul .assess-right img { width: 20%; display: block; float: left; }

/*---------------------------------------------------------------------------------------
 profit
 * */
.profit { width: 100%; }

.profit .top { width: 100%; background-color: #fff; padding: 3%; }

.profit .top p { font-size: .5rem; color: #333333; line-height: .9rem; }

.profit .top p span { color: #438fcd; }

.profit .top a { display: block; margin-left: 3%; padding: .1rem .4rem; border-radius: 3px; -webkit-border-radius: 3px; }

.profit .top .txian { font-size: .5rem; color: #3fc026; border: 1px solid #3fc026; }

.profit .top .czhi { font-size: .5rem; color: #438fcd; border: 1px solid #438fcd; }

.profit .bottom { width: 100%; background-color: #fff; margin-top: 3%; }

.noticetwo { width: 100%; overflow: hidden; }

.noticetwo .tab-hd { background-color: #fff; border-bottom: 1px solid #dfdfdf; width: 100%; color: #333333; }

.noticetwo .tab-hd li { float: left; width: 50%; }

.noticetwo .tab-hd li a { display: block; text-align: center; font-size: .4rem; color: #333333; width: 100%; padding: 5% 0; }

.noticetwo .tab-hd li.on a { color: #438fcd; }

.noticetwo .tab-hd li.on { border-bottom: 2px solid #438fcd; background-color: #fff; font-weight: bold; position: relative; }

.noticetwo .list { width: 100%; padding: 3%; border-bottom: 1px solid #dfdfdf; }

.noticetwo .list dt,
.noticetwo .list dd { width: 100%; line-height: .9rem; float: left; }

.noticetwo .list dt p { width: 80%; font-size: .4rem; color: #666666; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }

.noticetwo .list dt span { color: #438fcd; }

.noticetwo .list dd { font-size: .4rem; color: #666666; }

/*---------------------------------------------------------------------------------------
 recharge
 * */
.recharge { width: 100%; }

.recharge .top,
.carried .top { margin: 3% 0; background-color: #fff; padding: 3%; }

.recharge .top .tit,
.carried .top .tit { font-size: .5rem; color: #181818; width: 20%; }

.recharge .top input,
.carried .top input { border: none; font-size: .5rem; width: 80%; height: auto; margin-bottom: 0; padding: 0; text-indent: 1em; color: #181818; }

.pay-method { background-color: #fff; padding: 3%; border-bottom: 1px solid #dfdfdf; font-size: .5rem; color: #333; }

.addlist { background-color: #fff; }

.addlist .bottom .shopcar .shopcar-checkbox label { position: absolute; top: 0; left: 0; width: 100%; max-width: 44px; height: 100%; background: url(../images/checktwo.png) no-repeat; background-size: 80%; background-position: 50%; -moz-user-select: none; }

.addlist .bottom .shopcar .shopcar-checkbox .shopcar-checkd { position: absolute; top: 0; left: 0; width: 100%; max-width: 44px; height: 100%; background: url(../images/checketwo.png) no-repeat; background-size: 80%; background-position: 50%; }

.recharge .shopcar .shopcar-checkbox { float: right; }

.recharge .sorder-list { width: 80%; height: 2rem; }

.recharge .sorder-list i { line-height: 2rem; font-size: 1.2rem; }

.recharge .sorder-list .zuo { margin-top: .3rem; margin-left: 3%; }

.recharge .sorder-list .zuo .tit { color: #111111; font-size: .5rem; line-height: .8rem; }

.recharge .sorder-list .zuo .fu-tit { font-size: .35rem; color: #b3b3b3; }

.recharge .addlist { border-bottom: none; }

.recharge .addlist .bottom { border-bottom: 1px solid #dcdad3; padding: 0 3%; }

.recharge .shopcar .shopcar-checkbox { position: relative; float: right; width: 10%; height: 100%; padding: 10% 0; }

.recharge .shopcar input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0; }

.recharge .shopcar .shopcar-checkbox label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/check.png) no-repeat; background-size: 60%; background-position: 50%; -moz-user-select: none; }

.recharge .shopcar .shopcar-checkbox .shopcar-checkd { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/checke.png) no-repeat; background-size: 60%; background-position: 50%; }

.recharge .shopcar .sorder-list .zhifubao { color: #01a0e9; }

.recharge .shopcar .sorder-list .weixin { color: #09be14; }

.recharge .shopcar .sorder-list .yinxinqia { color: #e99f01; }

/*---------------------------------------------------------------------------------------
 carried
 * */
.carried .bottom { background-color: #fff; }

.carried .bottom ul li { width: 100%; padding: 3% 0; border-bottom: 1px solid #dfdfdf; }

.carried .bottom ul li .tit { width: 30%; text-align: right; font-size: .45rem; color: #333; line-height: 1.4rem; }

.carried .bottom .day { width: 62%; }

.carried .bottom ul li input { width: 65%; }

/*---------------------------------------------------------------------------------------
 coupon
 * */
.coupon { width: 100%; }

.noticethree { width: 100%; overflow: hidden; }

.noticethree .tab-hd { background-color: #fff; border-bottom: 1px solid #dfdfdf; width: 100%; color: #333333; }

.noticethree .tab-hd li { float: left; width: 33.333%; }

.noticethree .tab-hd li a { display: block; text-align: center; font-size: .4rem; color: #333333; width: 100%; padding: 5% 0; }

.noticethree .tab-hd li.on a { color: #438fcd; }

.noticethree .tab-hd li.on { border-bottom: 2px solid #438fcd; background-color: #fff; font-weight: bold; position: relative; }

.noticethree .tab-bd { background-color: #fff; padding: 3%; }

.coupon .tab-pal,
.coupon .tab-pal .list,
.coupon .tab-pal .list .xia { width: 100%; }

.coupon .tab-pal .list { border: 1px solid #438fcd; margin-bottom: 3%; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; }

.coupon .tab-pal .list .top { display: block; width: 100%; height: .3rem; background-color: #438fcd; }

.coupon .tab-pal .list .xia .price { width: 25%; text-align: center; height: 2.5rem; line-height: 2.5rem; border-right: 1px dashed #dfdfdf; color: #333333; font-family: arial; font-size: 1rem; }

.coupon .tab-pal .list .xia .price span { font-size: .5rem; }

.coupon .tab-pal .list .xia .you { width: 74%; line-height: .8rem; border-left: 1px dashed #b6b6b6; color: #666666; padding: .7rem 0 0 .3rem; height: 2.5rem; }

.coupon .tab-pal .list .xia .you .fu-tit { font-size: .5rem; }

.coupon .tab-pal .list .xia .you .time { font-size: .45rem; }

.coupon .tab-pal .listwo { border: 1px solid #d2d2d2; }

.coupon .tab-pal .listwo .top { background-color: #d2d2d2; }

.coupon .tab-pal .listwo .xia .price { color: #d2d2d2; }

.coupon .tab-pal .listwo .xia .duihuan { padding: 0 .4rem; margin-right: 2%; color: #fff; background-color: #438fcd; border-radius: 3px; -webkit-border-radius: 3px; }

/*---------------------------------------------------------------------------------------
 login
 * */
.login { width: 100%; background-color: #fff }

.login ul {margin-bottom: 0px;}
.login ul li { width: 100%; background-color: #fff; border-bottom: 1px solid #dfdfdf; margin-left: 1px; margin-top: 20px; padding-bottom: 10px;}

.login ul li .phone { margin-bottom: 0; padding: 0; height: 2rem; line-height: 2rem; border: none; width: 70%; font-size:18px;}

.login ul li i { color: #438fcd;  line-height: 2rem; width: 2rem; text-align: center; margin-right: 15px;font-size:20px; padding-left: 10px; }

.login .bottom,
.register .bottom { width: 90%; margin: 3% 5%; }

.login .bottom p，
.register .bottom p { font-size: .45rem; color: #333333; }

.login .bottom p a,
.login .bottom a,
.register .bottom a { color: #438fcd; text-decoration: none;}

/*---------------------------------------------------------------------------------------
 register
 * */
.register { width: 100%; background-color: #fff; margin-top: 4rem }

.register ul li { padding: 3% 0; border-bottom: 1px solid #dfdfdf; background-color: #fff; }

.register ul li .tit { width: 20%; text-align: right; height: 1rem; line-height: 1rem; font-size: 1rem; color: #333; margin-bottom: 0px; margin-top: 10px;}

.register ul li .shuru { width: 65%; text-indent: 1em; border: none; margin-bottom: 0; height: 1rem; line-height: 1rem; font-size: 1rem; color: #333; padding: 0; margin-top: 10px;}

.register ul li .shurutwo { width: 35%; }

.register ul li .btn { border: none; background-color: #ffa552; color: #fff; font-size: 1rem; border-radius: 3px; -webkit-border-radius: 3px; -webkit-appearance: none; width: 32%; margin-right: 3%; text-align: center; height: 1rem; line-height: 1rem; }

#modalt { width: 85%; overflow: hidden; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); position: relative; }

#modalt #loginform { position: absolute; bottom: 0; width: 100%; left: 0; }

#modalt #loginform .center { width: 49.9%; }

#modalt #loginform .center input { width: 100%; color: #333; font-size: .45rem; height: 1.5rem; background-color: #fff; line-height: 1.5rem; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: none; }

#modalt .top { width: 100%; padding: 10%; margin-bottom: 10%; }

#modalt .top .tit { font-size: .45rem; color: #438fcd; }

#modalt .top .xia { width: 100%; margin: 5% 0; }

#modalt .top .xia .yzm { width: 50%; margin-bottom: 0; padding: 0; border: 1px solid #dfdfdf; height: 1rem; line-height: 1rem; text-indent: .5em; font-size: .45rem; color: #333; }

#modalt .top .xia span { display: block; width: 32%; height: 1rem; line-height: 1rem; margin-left: .3rem; border: 1px solid #dfdfdf; text-align: center; color: #333; font-size: .45rem; }

#modalt .top .xia i { color: #438fcd; font-size: .7rem; line-height: 1rem; }

/*---------------------------------------------------------------------------------------
 empty-list
 * */
.empty-list { width: 100%; padding-top: 15%; text-align: center; }

.empty-list i { font-size: 2.5rem; color: #d3d3d3; }

.empty-list p { font-size: .5rem; color: #d3d3d3; margin-top: .2rem; }

/*---------------------------------------------------------------------------------------
 分享样式
 * */
.am-share { font-size: 14px; border-radius: 0; bottom: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms; width: 100%; z-index: 111000; }

.am-modal-active { transform: translateY(0px); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }

.am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }

.am-share-title { background-color: #f8f8f8; border-bottom: 1px solid #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #555; font-weight: 400; margin: 0 10px; padding: 10px 0 0; text-align: center; }

.am-share-title::after { border-bottom: 1px solid #dfdfdf; content: ""; display: block; height: 0; margin-top: 10px; width: 100%; }

.am-share-footer { margin: 10px; }

.am-share-footer .share_btn { color: #555; display: block; width: 100%; background-color: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 0; cursor: pointer; font-size: 16px; font-weight: 400; line-height: 1.2; padding: 0.625em 0; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap; font-family: "微软雅黑"; }

.am-share-sns { background-color: #f8f8f8; border-radius: 0 0 2px 2px; margin: 0 10px; padding-top: 15px; height: auto; zoom: 1; overflow: auto; }

.am-share-sns li { margin-bottom: 15px; display: block; float: left; height: auto; width: 25%; }

.am-share-sns a { color: #555; display: block; text-decoration: none; }

.am-share-sns span { display: block; }

.am-share-sns li i { font-size: 1.2rem; }

.am-share-sns li i.weixin { color: #09be14; }

.am-share-sns li i.qq { color: #209AE0; }

.am-share-sns li i.weibo { color: #E8C342; }

.am-share-sns li i.renren { color: #627282; }

.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 110000; display: none; }

.sharebg-active { opacity: 1; display: block; }

.oe_overlay {
	background: #000;
	opacity: 0;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

ul.oe_menu {
	list-style: none;
	position: relative;
	margin: 30px 0px 0px 40px;
	width: 560px;
	float: left;
	clear: both;
}

.list-store {
	margin: 40px 0px 0px 0px;
	z-index: 9999;
	height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}

.list-store .lists{
	overflow-y: auto;
	overflow-x: hidden;
}

.form-select {
	float: right;
	direction: rtl;
}

.form-select option {
}

.half {
	width: 50%;
	float: left;
	position: relative
}

.half > a {
	position: relative;
	width: 8rem;
	display: inline-block;
	height: 8rem;
	left: 50%;
	margin-left: -4rem
}

.half > a img {
	width: 5rem;
	height: 4.16rem;
	margin-left: 1.5rem;
	margin-top: 1.92rem
}

.half > p {
	font-size: 1.5rem;
	text-align: center;
	position: relative;
	bottom: 0;
	margin-top: 1.2rem;
	color: #999;
}

.logo-license {
	margin-top: 1rem;
}

.license {
	position: relative;
	width: 8rem;
	display: inline-block;
	background: #18b4ed;
	height: 8rem;
	left: 50%;
	margin-left: -4rem
}

.license > img {
	width: 5rem;
	height: 4.16rem;
	margin-left: 1.5rem;
	margin-top: 1.92rem
}

.logo {
	border-radius: 100%
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.htmleaf-container {
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	background: #000;
	display: none;
	z-index: 9999999;
}

.htmleaf-content {
	font-size: 150%;
	padding: 1em 0;
}

.htmleaf-content h2 {
	margin: 0 0 2em;
	opacity: 0.1;
}

.htmleaf-content p {
	margin: 1em 0;
	padding: 5em 0 0 0;
	font-size: 0.65em;
}

.bgcolor-1 { background: #f0efee; }

.bgcolor-2 { background: #f9f9f9; }

.bgcolor-3 { background: #e8e8e8; }

/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }

/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }

/*pink1*/
.bgcolor-6 { background: #2fa8ec; }

/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }

/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }

/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff; }

/*pink2*/
.bgcolor-10 { background: #64448f; color: #fff; }

/*Violet*/
.bgcolor-11 { background: #3755ad; color: #fff; }

/*dark blue*/
.bgcolor-12 { background: #3498DB; color: #fff; }

/*light blue*/
.bgcolor-20 { background: #494A5F; color: #D5D6E2; }

/* Header */
.htmleaf-header {
	padding: 1em 190px 1em;
	letter-spacing: -1px;
	text-align: center;
	background: #66677c;
}

.htmleaf-header h1 {
	color: #D5D6E2;
	font-weight: 600;
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0;
	font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;
}

.htmleaf-header h1 span {
	font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;
	display: block;
	font-size: 60%;
	font-weight: 400;
	padding: 0.8em 0 0.5em 0;
	color: #c3c8cd;
}

/*nav*/
.htmleaf-demo a { color: #1d7db1; text-decoration: none; }

.htmleaf-demo { width: 100%; padding-bottom: 1.2em; }

.htmleaf-demo a { display: inline-block; margin: 0.5em; padding: 0.6em 1em; border: 3px solid #1d7db1; font-weight: 700; }

.htmleaf-demo a:hover { opacity: 0.6; }

.htmleaf-demo a.current { background: #1d7db1; color: #fff; }

/* Top Navigation Style */
.htmleaf-links {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-size: 1.5em;
	text-align: center;
}

.htmleaf-links::after {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 100%;
	background: #dbdbdb;
	content: '';
	-webkit-transform: rotate3d(0, 0, 1, 22.5deg);
	transform: rotate3d(0, 0, 1, 22.5deg);
}

.htmleaf-icon {
	display: inline-block;
	margin: 0.5em;
	padding: 0em 0;
	width: 1.5em;
	text-decoration: none;
}

.htmleaf-icon span {
	display: none;
}

.htmleaf-icon:before {
	margin: 0 5px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

/* footer */
.htmleaf-footer { width: 100%; padding-top: 10px; }

.htmleaf-small { font-size: 0.8em; }

.center { text-align: center; }

.related {
	color: #fff;
	background: #494A5F;
	text-align: center;
	font-size: 1.25em;
	padding: 0.5em 0;
	overflow: hidden;
}

.related > a {
	vertical-align: top;
	width: calc(100% - 20px);
	max-width: 340px;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;
}

.related a {
	display: inline-block;
	text-align: left;
	margin: 20px auto;
	padding: 10px 20px;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}

.related a:hover,
.related a:active {
	opacity: 1;
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
	border-radius: 4px;
}

.related a:hover img,
.related a:active img {
	opacity: 1;
}

.related h3 { font-family: "Microsoft YaHei", sans-serif; }

.related a h3 {
	font-weight: 300;
	margin-top: 0.15em;
	color: #fff;
}

/* icomoon */
.icon-htmleaf-home-outline:before {
	content: "\e5000";
}

.icon-htmleaf-arrow-forward-outline:before {
	content: "\e5001";
}

@media screen and (max-width: 50em) {
	.htmleaf-header {
		padding: 3em 10% 4em;
	}

	.htmleaf-header h1 {
		font-size: 2em;
	}
}

@media screen and (max-width: 40em) {
	.htmleaf-header h1 {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 30em) {
	.htmleaf-header h1 {
		font-size: 1.2em;
	}
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

audio, canvas, video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

a:focus {
	outline: thin dotted;
}

a:active, a:hover {
	outline: 0;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

mark {
	background: #ff0;
	color: #000;
}

code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em;
}

pre {
	white-space: pre-wrap;
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}

button, input {
	line-height: normal;
}

button, select {
	text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], html input[disabled] {
	cursor: default;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

#clipArea {
	height: 90%;
}

/*上传图标*/
#file {
	float: left;
	height: 100%;
}

#clipBtn {
	float: right;
	height: 100%;
	width: 8rem;
	background: #18b4ed;
	border: 0;
	outline: none;
	color: #fff;
	font-size: 2rem;
	z-index: 999;
}

.foot-use {
	background: #fff;
	height: 10%;
	width: 100%;
	position: relative;
}

.imgadd {
	background-color: #D1D5D2;
}

.uploader {
	position: absolute;
	width: 54%;
	height: 8rem;
	left: 23%;
	cursor: default;
	height: 100%;
	float: left;
}

.uploader p { text-align: center; margin-top: 10px; font-size: .8rem; }

.uploader1 {
	position: absolute;
	width: 50%;
	height: 8rem;
	cursor: default;
	height: 100%;
	float: left;
}

.filename {
	position: absolute;
	outline: 0 none;
	line-height: 1.5rem;
	font-size: 1.5rem;
	color: #999;
	width: 100%;
	margin: 0;
	overflow: hidden;
	cursor: default;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 0;
	top: 9.2rem;
	text-align: center;
}

.button {
	float: left;
	height: 100%;
	display: inline-block;
	outline: 0 none;
	margin: 0;
	cursor: pointer;
	border: 0;
	width: 8rem;
	font-size: 2rem;
}

.uploader input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	padding: 0;
	margin: 0;
	height: 8rem;
	width: 100%;
	cursor: pointer;
	border: solid 1px #ddd;
	opacity: 0;
}

.uploader1 input[type=file] {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	border: 0;
	padding: 0;
	margin: 0;
	height: 8rem;
	width: 50%;
	cursor: pointer;
	border: solid 1px #ddd;
	opacity: 0;
}

input[type=button]::-moz-focus-inner {
	padding: 0;
	border: 0 none;
	-moz-box-sizing: content-box;
}

input[type=button]::-webkit-focus-inner {
	padding: 0;
	border: 0 none;
	-webkit-box-sizing: content-box;
}

input[type=text]::-moz-focus-inner {
	padding: 0;
	border: 0 none;
	-moz-box-sizing: content-box;
}

input[type=text]::-webkit-focus-inner {
	padding: 0;
	border: 0 none;
	-webkit-box-sizing: content-box;
}

.blue .button {
	color: #fff;
	background: #18b4ed;
	height: 100%;
}

.info { margin-top: 4rem;border-top: solid 1px #ddd; }
.info-top { margin-top: 0rem;!important;border-top: solid 1px #ddd; }

.info ul li { list-style-type: none; padding: 1.5rem 0; border-bottom: solid 1px #eee; width: 98%; margin: auto }

.info ul li .left { width: 25%; float: left; position: relative; text-align: right; font-size: 1.5rem; color: #999 }

.info ul li .right { width: 70%; float: right; position: relative; text-align: left; font-size: 1.5rem }

.info ul li .right input { max-width:150px;outline: none; border: 0 }

.btn-1 { margin-bottom: 10%; text-align: center }

.btn-1 button { width: 80%;  }

/*所属行业*/
#divselect, #divselectx, #divselecty {
	width: 100%;
	position: relative;
}

#divselect small, #divselectx small, #divselecty small {
	font-size: 1.5rem;
	color: #999;
	width: 100%;
	display: block;
}

#divselect .all, #divselectx .all, #divselecty .all {
	display: none;
	width: 80%;
	max-height: 80%;
	position: fixed;
	top: 10%;
	left: 10%;
	overflow: auto;
	border: solid 1px #ddd;
	background: #fff;
	opacity: 0.9;
	box-shadow: 0px 1px 1px #999;
	z-index: 99999;
	border-radius: 0.5rem;
}

#divselect .all li, #divselectx .all li, #divselecty .all li {
	text-indent: 1rem;
	line-height: 5rem;
	padding: 0;
}

#divselect .all li a, #divselectx .all li a, #divselecty .all li a {
	text-decoration: none;
	color: #666;
	font-size: 1.5rem;
	display: block;
}

.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #000;
	opacity: 0.6;
	z-index: 998;
	top: 0;
	left: 0;
	display: none;
}

.second {
	margin-top: 1rem;
	border-top: solid 1px #eee;
	padding-top: 1rem;
}

.place::-webkit-input-placeholder {
	color: #f00;
}

.yulan {
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
	top: 0;
	left: 0;
	text-align: center;
	line-height: 100%;
	background: #000;
	z-index: 99999999;
}

.yulan #img0 {
	display: inline-block;
	max-width: 90%;
	line-height: 100%;
	max-height: 90%;
	top: 40%; left: 50%;
	-webkit-transform: translate(-50%, -40%);
	position: absolute;
}

.enter {
	position: absolute;
	height: 10%;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
}

.enter .btn-2, .enter .btn-3 {
	border: 0;
	outline: none;
	background: #18b4ed;
	color: #fff;
	height: 100%;
	width: 8rem;
	font-size: 2rem;
}

.success {
	margin: auto;
	width: 100%;
	text-align: center;
	top: 0;
	left: 0;
	position: absolute;
}

.install > p {
	font-size: 1.7rem;
	color: #999;
	padding: 0 3rem;
	line-height: 2rem;
	position: absolute;
	bottom: 10rem;
	/*    text-align: center;*/
}

.install button {
	width: 90%;
	left: 5%;
	position: absolute;
	bottom: 3rem;
	height: 5rem;
	background: #18b4ed;
	border: 0;
	outline: none;
	cursor: default;
	color: #fff;
	font-size: 2rem;
	border-radius: 0.5rem;
}

.yeah {
	position: relative;
	margin-top: 5rem;
	text-align: center;
	top: 5rem;
}

.yeah > img {
	width: 8rem;
	height: 8rem;
	padding: 1rem;
	border-radius: 100%;
	background: #18b4ed;
	margin: 1rem auto;
	display: inline-block;
}

.yeah > p {
	font-size: 2rem;
	color: #18b4ed;
	padding: 0 3rem;
	line-height: 3rem;
	text-align: center;
}

header .close {
	width: 2rem;
	height: 2rem;
	margin-top: 1.5rem;
	margin-left: 1rem;
}

.mybonus {
	background: #fff;
	margin-top: 5rem;
}

.mybonus li {
	padding: 0 1rem;
	border-bottom: solid 1px #eee;
}

.mybonus li .left {
	float: left;
}

.mybonus li .right {
	float: right;
	text-align: right;
}

.mybonus li .left h3 {
	color: #333;
	font-size: 1.8rem;
	max-width: 12.1em;
	white-space: nowrap;
	overflow: hidden;
}

.mybonus li p {
	font-size: 1.8rem;
	color: #999;
	margin-top: 0.5rem;
	margin-bottom: 0.7rem;
}

.mybonus li .right h3 {
	color: #ff5500;
	font-size: 1.8rem;
}

.scanmybonus {
	z-index: 99999999999999;
	position: absolute;
	top: 0;
	right: 0;
	height: 5rem;
}

.scanmybonus img {
	height: 3rem;
	margin-top: 1rem;
}

article .bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 5rem;
	left: 0;
	z-index: -1;
	opacity: 0.7;
}

.sel-main {
	position: fixed;
	width: 80%;
	height: 50%;
	background: #fff;
	left: 10%;
	top: 25%;
	border-radius: 0.8rem;
}

.self-help, .invitation {
	width: 90%;
	height: 40%;
	background: #eee;
	left: 5%;
	position: absolute;
	border-radius: 0.6rem;
}

.self-help {
	top: 2rem;
}

.invitation {
	bottom: 2rem;
}

.self-help .icon, .invitation .icon {
	height: 60%;
	float: left;
	top: 20%;
	position: relative;
	left: 1rem;
}

.self-help .main, .invitation .main {
	display: inline-block;
	float: left;
	position: relative;
	left: 2rem;
}

.self-help .main h2, .invitation .main h2 {
	font-size: 1.8rem;
	margin-top: 2.8rem;
	color: #242424;
}

.self-help .main p, .invitation .main p {
	font-size: 1.3rem;
	margin-top: 0.5rem;
	color: #999;
}

.self-help .main p a, .invitation .main p a {
	font-size: 1.3rem;
	color: #eb9e19;
}

.self-help .sel, .invitation .sel {
	height: 2rem;
	position: absolute;
	top: 50%;
	margin-top: -1rem;
	right: 1rem;
}

@media screen and (max-width: 414px) and (min-width: 376px) {
	.mybonus li .left h3 {
		color: #333;
		font-size: 1.8rem;
		max-width: 20em;
		white-space: nowrap;
		overflow: hidden;
	}

	.self-help .main, .invitation .main {
		display: inline-block;
		float: left;
		position: relative;
		left: 3rem;
	}

	.self-help .main h2, .invitation .main h2 {
		font-size: 2.1rem;
		margin-top: 3.5rem;
		color: #242424;
	}

	.self-help .main p, .invitation .main p {
		font-size: 1.55rem;
		margin-top: 0.5rem;
		color: #999;
	}

	.self-help .main p a, .invitation .main p a {
		font-size: 1.55rem;
		color: #eb9e19;
	}
}

@media screen and (max-width: 375px) and (min-width: 321px) {
	.self-help .main h2, .invitation .main h2 {
		font-size: 1.8rem;
		margin-top: 3.5rem;
		color: #242424;
	}

	.self-help .main, .invitation .main {
		display: inline-block;
		float: left;
		position: relative;
		left: 3rem;
	}

	.mybonus li .left h3 {
		color: #333;
		font-size: 1.8rem;
		max-width: 14em;
		white-space: nowrap;
		overflow: hidden;
	}

	.self-help .main p, .invitation .main p {
		font-size: 1.3rem;
		margin-top: 0.5rem;
		color: #999;
	}

	.self-help .main p a, .invitation .main p a {
		font-size: 1.3rem;
		color: #eb9e19;
	}
}

@media screen and (max-width: 320px) {
	.self-help .main h2, .invitation .main h2 {
		font-size: 1.8rem;
		margin-top: 2.5rem;
		color: #242424;
	}

	.self-help .main p, .invitation .main p {
		font-size: 1.3rem;
		margin-top: 0.5rem;
		color: #999;
	}

	.self-help .main p a, .invitation .main p a {
		font-size: 1.3rem;
		color: #eb9e19;
	}
}

header .scanbonus {
	width: 40%;
	height: 5rem;
	background: #18b4ed;
	position: fixed;
	line-height: 5rem;
	color: #fff;
	font-size: 1.5rem;
	text-indent: 1rem;
	top: 5rem;
	right: 1rem;
	display: none;
}

.invit {
	position: absolute;
	width: 100%;
	top: 5rem;
}

.invit h1 {
	font-size: 6rem;
	color: #18b4ed;
	text-align: center;
	line-height: 4rem;
}

.invit p {
	text-align: center;
	color: #18b4ed;
	font-size: 2.2rem;
	margin-top: -2rem;
}

.make-money .make {
	position: absolute;
	width: 50%;
	left: 25%;
	top: 22rem;
}

.make-money .make .font-1 {
	color: #ff5500;
	font-size: 2.2rem;
	position: absolute;
	top: 2.2rem;
}

.make-money .make .font-2 {
	color: #ff5500;
	font-size: 11rem;
	position: absolute;
	left: 2.2rem;
}

.make-money .make .font-3 {
	color: #ff5500;
	font-size: 2.2rem;
	position: absolute;
	left: 13.9rem;
	top: 9rem;
	top: 7.5rem;
}

.make-money img {
	width: 80%;
	left: 10%;
	position: absolute;
	top: 18rem;
	z-index: -11;
}

.btn-4 {
	border: 0;
	width: 90%;
	height: 5rem;
	color: #fff;
	font-size: 2rem;
	background: #18b4ed;
	left: 5%;
	position: fixed;
	outline: none;
	cursor: default;
	border-radius: 0.5rem;
	bottom: 5rem;
}

.btn-5 {
	border: 0;
	width: 90%;
	height: 5rem;
	color: #fff;
	font-size: 2rem;
	background: #18b4ed;
	left: 5%;
	position: fixed;
	outline: none;
	cursor: default;
	border-radius: 0.5rem;
	bottom: 3rem;
}

.scan-a {
	position: fixed;
	width: 90%;
	left: 5%;
	bottom: 1.5rem;
	font-size: 1.5rem;
	color: #999;
	text-align: center;
	height: 3rem;
	line-height: 3rem;
}

.qrcode {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 7rem;
	background: #fff;
	border-radius: .5rem;
}

.qrcode h2 {
	font-size: 1.5rem;
	text-align: center;
	margin-top: 2rem;
	color: #999;
	font-weight: normal;
}

.qrcode p {
	text-align: center;
	margin-top: 1rem;
	font-size: 1.2rem;
	color: #999;
}

.qrcode img {
	position: relative;
	width: 54%;
	left: 23%;
	margin-top: 2rem;
	margin-bottom: 3rem;
}

.share {
	position: absolute;
	text-align: center;
	bottom: 9rem;
	width: 100%;
	font-size: 1.5rem;
	color: #999;
}

.share a {
	font-size: 1.5rem;
	color: #ff5500;
}
